<template>
    <div style="margin-left: 15%;height: 100%">
        <Carousel autoplay :autoplay-speed="3000" loop style="height: 100%">
            <CarouselItem>
                <div class="demo-carousel"><img style="width:100%;height: 635px"
                                                src="https://lhamster-edward-blog-1302533254.cos.ap-nanjing.myqcloud.com/meaningoflife/1.jpeg"
                                                alt=""></div>
            </CarouselItem>
            <CarouselItem>
                <div class="demo-carousel"><img style="width:100%;height: 635px"
                                                src="https://lhamster-edward-blog-1302533254.cos.ap-nanjing.myqcloud.com/meaningoflife/2.jpg"
                                                alt=""></div>
            </CarouselItem>
            <CarouselItem>
                <div class="demo-carousel"><img style="width:100%;height: 635px"
                                                src="https://lhamster-edward-blog-1302533254.cos.ap-nanjing.myqcloud.com/meaningoflife/3.jpg"
                                                alt=""></div>
            </CarouselItem>
            <CarouselItem>
                <div class="demo-carousel"><img style="width:100%;height: 635px"
                                                src="https://lhamster-edward-blog-1302533254.cos.ap-nanjing.myqcloud.com/meaningoflife/4.jpg"
                                                alt=""></div>
            </CarouselItem>
        </Carousel>
    </div>
</template>

<script>
  export default {}
</script>

<style scoped>

</style>
